<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="38.css" rel="stylesheet">
    <style>

    .back{
        position: relative;
        width: 400px;
        height: 400px;
        border: 1px solid cornflowerblue;
    }

    .back .imgContent {
        width: 300px;
        padding-top: 30px;
        margin: 0 auto;
    }
    .imgContent img {
        width: 100%;
    }
        .tagWrap {
            text-align: center;
        }

        .tagWrap span {
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-left: 20px;
            background-image:url("38_banckground/tubiao.png");
        }

        .text{
            width: 300px;
            height: 50px;
            background-color: aqua;
            /*text-align: center;*/
            text-indent: 36px;
            line-height: 20px;
            font-size: 18px;
            letter-spacing: 1px;
            word-spacing: 2px;
            text-transform: capitalize;
            /*首字母大写*/
        }

    </style>
</head>
<body>
<p>人生苦短我用python</p>
<div class="box">
    <div class="top">顶部</div>
    <div class="boot">底部</div>
</div>
<p class="add">人生苦短</p>
<a href="38.html" id="c1">确定</a><br>
<span class="epen">大功告成</span><br>
<p id="wenzi">独在异乡为异客、每逢佳节倍思亲.</p>
<div class="back">
    <div class="imgContent">
        <img src="38_banckground/a.jpg">
    </div>
    <div class="tagWrap">
        <span class="item1"></span>
        <span class="item2"></span>
        <span class="item3"></span>
    </div>
</div>
<div  class="text">文本框文本框介绍框介绍框介绍框介绍框介绍 hello world </div>

</body>
</html>